<template>
  <transition appear name="slide-fade">
    <div class="rules-container">
      <header class="header">
        <router-link to="/">
          <img
            class="close-icon"
            src="../../assets/icon/close.svg"
            alt="close"
          />
        </router-link>
        <h1 class="heading">游戏规则</h1>
      </header>
      <div class="content">
        <div class="title">
          <img src="../../assets/icon/tips.svg" alt="tips" />
          <h2>主要规则</h2>
        </div>
        <ol class="details">
          <li>
            本次阅读马拉松可以团队和个人形式参赛，其中团队选手不得少于3人，团队参赛人数无上限。
          </li>
          <li>请填写真实姓名和手机号。</li>
          <li>
            本次阅读马拉松活动时间为4月23日15:00-16:30（16:00仍未进入活动主界面，视为弃赛）。
          </li>
          <li>
            <!-- eslint-disable-next-line max-len -->
            本次阅读马拉松采用“线上阅读、自主答题”的方式，在规定时间段内完成《宋庆龄文物故事汇编》阅读及答题。其中，阅读时间为15:00-16:00，答题时间为16:00-16:30。16:00前选手无法进入答题页面，16:30活动结束后，将自动提交答卷。
          </li>
          <li>
            本次大赛讲根据完赛时间与答题正确率进行个人与团队排名。个人前十名与团队前三名可获得精美奖品。
          </li>
        </ol>
      </div>
    </div>
  </transition>
</template>

<script>
export default {
  name: 'RulesPage',
};
</script>

<style lang="scss" scoped src="./style.scss"></style>
